<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成都亚克茜科技</title>
    <meta name="keywords" content="网站开发,小程序开发,定制开发,微信小程序,亚克茜,亚克茜科技">
    <meta name="description" content="yakexi.com">
    <meta name="author" content="Yuming">
    <!-- <link rel="icon" href="assets/images/favicon.ico"> -->
    <link rel="stylesheet" href="assets/css/normalize.css">
    <link rel="stylesheet" href="assets/css/public.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <script src="assets/jquery-3.7.1.min.js"></script>
    <script src="assets/js/index.js"></script>
    <link rel="stylesheet" href="assets/swiper-bundle.min.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4461241_hj68f5lsbst.css">
    <script src="https://unpkg.com/jquery-aniview/dist/jquery.aniview.js"></script>
    <script>
      $(document).ready(function(){
          // 初始化 AniView
          $('.aniview-v4').AniView({
              animateClass: 'animate__animated'
          });
      });
  </script>
</head>
<body>
  <!-- 预览 -->
  <div class="preview preview-img">
    <div class="content">
      <div class="preview-img-swiper">
        <div class="swiper-wrapper">
          <img class="swiper-slide" src="./assets/imgs/index/case-01.png" alt="">
          <img class="swiper-slide" src="./assets/imgs/index/case-01.png" alt="">
          <img class="swiper-slide" src="./assets/imgs/index/case-02.png" alt="">
        </div>
      </div>
    </div>
    <img src="./assets/imgs/example/icon-close.png" alt="" class="close">
    <div class="control-left preview-img-left"><img src="./assets/imgs/fastup/preview-icon-left.png" alt=""></div>
    <div class="control-right preview-img-right"><img src="./assets/imgs/fastup/preview-icon-right.png" alt=""></div>
  </div>
  <div class="preview preview-mini">
    <div class="content content-mini">
      <div class="preview-mini-swiper">
        <div class="swiper-wrapper">
          <img class="swiper-slide" src="./assets/imgs/share/list-01.png" alt="">
          <img class="swiper-slide" src="./assets/imgs/share/list-02.png" alt="">
          <img class="swiper-slide" src="./assets/imgs/share/list-03.png" alt="">
        </div>
      </div>
    </div>
    <img src="./assets/imgs/example/icon-close.png" alt="" class="close">
    <div class="control-left preview-mini-left"><img src="./assets/imgs/fastup/preview-icon-left.png" alt=""></div>
    <div class="control-right preview-mini-right"><img src="./assets/imgs/fastup/preview-icon-right.png" alt=""></div>
  </div>
  <div class="preview preview-video">
    <div class="content"><video controls src="" controls alt=""></div>
    <img src="./assets/imgs/example/icon-close.png" alt="" class="close">
  </div>
    <a href="javascript:;" class="backBtn"><img src="./assets/imgs/back-top.png" alt=""></a>
    <!-- 头部导航栏 -->
    <div class="header">
      <div class="container">
        <a href="./index.html" class="logo"><img src="assets/imgs/logo.png" alt="logo.png"></a>
        <div class="nav-wrap">
          <div class="nav-item"><a href="./index.html" class="active">产品</a></div>
          <div class="nav-item servicePer">
            <a href="javascript:;">网站/小程序定制开发</a><span class="arrow"><i class="iconfont icon-arrow_down"></i></span>
            <div class="serviceUl">
              <a href="./website.html">
                <span class="icon"><img src="assets/imgs/nav-icon-pc.png" alt="nav-icon-pc.png"></span>
                <span>网站定制开发</span>
              </a>
              <a href="./miniapp.html">
                <span class="icon"><img src="assets/imgs/nav-icon-mini.png" alt="nav-icon-mini.png"></span>
                <span>小程序定制开发</span>
              </a>
            </div>	
          </div>
          <div class="nav-item fast-up"><a href="./fastup.html">成熟应用（快速上线）</a></div>
          <div class="nav-item"><a href="./example.html">案例展示</a></div>
          <div class="nav-item"><a href="./share.html">软件运营开发分享</a></div>
        </div>
        <a href="./linkus.html" class="link-wrap">
          <span>联系我们</span>
          <i class="iconfont icon-arrow_right"></i>
        </a>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="carousel">
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/bc286ea81719b86a3ebbb9082815557b.png" alt=""></div>
          <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/9bf58a64a46ab9b2b98ccf634a697e59.png" alt=""></div>    
          <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/82cb69802449761a01b32379d8288807.png" alt=""></div>    
          <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/daa8f6324580fc668d7ca226698f0d65.png" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!-- 我们擅长什么 -->
    <div class="goodat-wrap">
      <!-- <p class="bg-text">BE GOOD AT</p> -->
      <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInLeft">
          <h2>我们擅长什么</h2>
          <p class="desc">专业的互联网应用软件开发商，擅长小程序定制，网站定制开发</p>
        </div>
      </div>
      <div class="goodat-list">
        <div class="footer-container">
          <div class="bg-circle"></div>
          <div class="goodat-item">
            <div class="top">
              <img src="assets/imgs/index/goodat-icon-01.png" alt="">
              <span>WEBSITE</span>
            </div>
            <h3>网站定制开发</h3>
            <p class="en">WEBSITE CUSTOM DEVELOPMENT</p>
            <div class="line"></div>
            <p class="desc">网站定制开发，为您的业务打造独一无二的在线体验！我们专注于个性化解决方案，确保网站与众不同，提升品牌独特性，让您的想法得以实现，助力业务腾飞！</p>
            <img src="assets/imgs/index/goodat-itembg-01.png" alt="">
          </div>
          <div class="goodat-item goodat-item-act">
            <div class="top">
              <img src="assets/imgs/index/goodat-icon-02.png" alt="">
              <span>APPLICATION</span>
            </div>
            <h3>成熟应用（快速上线，低成本）</h3>
            <p class="en">INDUSTRY SOLUTION</p>
            <div class="line"></div>
            <p class="desc">我们在多个行业和领域已经有很好的解决方案，他们有如下好处和优势：<br/>1. 代码已经实现，可以更快速的上线产品<br/>2. 成熟的运营经验，定期升级维护<br/>3. 产品的价格更有竞争力</p>
            <img src="assets/imgs/index/goodat-itembg-02.png" alt="">
          </div>
          <div class="goodat-item">
            <div class="top">
              <img src="assets/imgs/index/goodat-icon-03.png" alt="">
              <span>APPLET</span>
            </div>
            <h3>小程序定制开发</h3>
            <p class="en">MINIAPP CUSTOM DEVELOPMENT</p>
            <div class="line"></div>
            <p class="desc">微信小程序定制开发专注为企业打造独特、高效的小程序。通过个性设计和功能定制，提升品牌辨识度，创造优质用户体验，为企业量身定制微信小程序，满足特定业务需求</p>
            <img src="assets/imgs/index/goodat-itembg-03.png" alt="">
          </div>
        </div>
      </div>
    </div>
    <!-- 行业成熟应用解决方案 -->
    <div class="solution-wrap">
      <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">
          <h2>行业成熟应用/解决方案</h2>
          <p class="desc">行业成熟产品应用，帮助创业者低成本，快速的上线应用，支持二次开发和UI定制</p>
          <p class="bg-text">APPLICATION/SOLUTION</p>
        </div>
        <div class="content-wrap">
          <div class="item">
            <div class="left">
              <div class="title-wrap">
                <h3>陪诊陪护小程序</h3>
                <p class="date">更新于2023/12/12</p>
              </div>
              <div class="desc">基于FastAdmin + 原生微信小程序开发的陪诊陪护小程序，支持多运营区，陪护师、推广者等完整闭环功能，快速搭建陪护业务平台</div>
              <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
                <img src="./assets/imgs/fastup/video.png" alt="">
                <img src="./assets/imgs/fastup/icon-hot.png" alt="" class="hot">
                <img src="./assets/imgs/share/icon-play.png" alt="" class="play">
              </div>
            </div>
            <div class="info-wrap">
              <div class="price-wrap">
                <span class="yuan">￥</span>
                <span class="num">2883</span>
                <span class="yuan">元</span>
              </div>
              <div class="desc-list">
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">支持多运营区</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">陪护师手机端</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">支持抢单和派单</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">陪护师团长</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">各区自定义分成</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">人人推广赚佣金</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">自定义服务项目</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">服务订单流程</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">价格灵活设置</span>
                </div>
                <div class="desc-item">
                  <span class="dot"></span>
                  <span class="text">服务过程记录</span>
                </div>
              </div>
              <div class="btn-wrap">
                <a href="" class="more">
                  <span>了解更多</span>
                  <img src="./assets/imgs/fastup/gray-arrow.png" alt="">
                </a>
                <a href="" class="link">
                  <span>联系我们</span>
                  <img src="./assets/imgs/fastup/green-arrow.png" alt="">
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="pro-list">
          <div class="list-wrap">
            <div class="solution-swiper">
              <div class="swiper-wrapper">
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">同城二手交易小程序</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">校园跑腿</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">社区团购</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">同城二手交易小程序</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">同城二手交易小程序</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">校园跑腿</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">社区团购</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
                <a href="" class="swiper-slide list-item">
                  <div class="img"><img src="./assets/imgs/index/solution-list-01.png" alt=""></div>
                  <div class="info">
                    <p class="name">同城二手交易小程序</p>
                    <p class="date">更新于2023/12/12</p>
                    <div class="price-wrap">
                      <span class="yuan">￥</span>
                      <span class="num">2883</span>
                      <span class="yuan">元</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            
          </div>
          <div class="btns">
            <div class="control">
              <div class="contro-left solution-contro-left"><img src="./assets/imgs/index/solution-left.png" alt=""></div>
              <div class="contro-right solution-contro-right"><img src="./assets/imgs/index/solution-right.png" alt=""></div>
            </div>
            <a href="" class="more">
              <span>更多案例</span>
              <img src="./assets/imgs/website/icon-case-more.png" alt="">
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- 软件运营分享 -->
    <div class="share-wrap">
      <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">
          <h2>软件运营分享</h2>
          <p class="bg-text">DEVELOPMENT SHARING</p>
          <p class="desc">软件开发不是单纯的技术，只有和运营结合才有意义，怎么创造收入，怎么节约成本，怎么加快交付，怎么保证质量，这里不光有知识的分享，也有软件公司日常工作的vlog</p>
        </div>
        <div class="data-wrap">
          <div class="item">
            <img src="./assets/imgs/index/share-video.png" alt="">
            <div class="num-wrap">
              <p class="num">28</p>
              <p class="title">视频</p>
            </div>
          </div>
          <div class="item">
            <img src="./assets/imgs/index/share-article.png" alt="">
            <div class="num-wrap">
              <p class="num">38</p>
              <p class="title">文章</p>
            </div>
          </div>
        </div>
        <div class="focus-wrap">
          <p class="title">请关注我们的媒体账号</p>
          <div class="list">
            <div class="item">
              <img src="./assets/imgs/index/icon-dy.png" alt="">
              <div class="qr-box">
                <p class="title">抖音</p>
                <img src="./assets/imgs/index/sph-qr.png" alt="">
              </div>
            </div>
            <div class="item">
              <img src="./assets/imgs/index/icon-xhs.png" alt="">
              <div class="qr-box">
                <p class="title">小红书</p>
                <img src="./assets/imgs/index/sph-qr.png" alt="">
              </div>
            </div>
            <div class="item">
              <img src="./assets/imgs/index/icon-ks.png" alt="">
              <div class="qr-box">
                <p class="title">快手</p>
                <img src="./assets/imgs/index/sph-qr.png" alt="">
              </div>
            </div>
            <div class="item">
              <img src="./assets/imgs/index/icon-sph.png" alt="">
              <div class="qr-box">
                <p class="title">视频号</p>
                <img src="./assets/imgs/index/sph-qr.png" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="list-wrap">
          <a href="javascript:;" class="list-item">
            <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
              <!-- <video controls src=""></video> -->
              <img src="./assets/imgs/share/list-01.png" alt="">
              <div class="mask"></div>
              <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
            </div>
            <div class="name">给客户搭建了一套NFT数藏</div>
            <div class="other-info">
              <div class="date">
                <img src="./assets/imgs/share/icon-date.png" alt="">
                <span>2023/12/15</span>
              </div>
              <div class="view">
                <img src="./assets/imgs/share/icon-eye.png" alt="">
                <span>1283</span>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="list-item">
            <div class="media-wrap media-wrap-video" data-video-url="https://v26-web.douyinvod.com/22143b01df77fed0ef1f984adff3a3f8/66267c7a/video/tos/cn/tos-cn-ve-15/oQ9Q5ECrRfLAk4uziJI5CLoB7BpGAAlGZIeDen/?a=6383&ch=5&cr=3&dr=0&lr=all&cd=0%7C0%7C0%7C3&cv=1&br=809&bt=809&cs=0&ds=6&ft=LjhJEL998xI7uEPPo0P58lZW_3iXuLw7xVJEgI45pbPD-Ipz&mime_type=video_mp4&qs=1&rc=Mzs8ZDRnZThmOTM1PDk8aEBpMzptN3k5cmd2cTMzNGkzM0AxMmFjM2BfXjAxNjJhYmEtYSNmcTZkMmRjbTVgLS1kLTBzcw%3D%3D&btag=e00018000&cquery=100J_100a_101s_100B_100D&dy_q=1713794637&feature_id=46a7bb47b4fd1280f3d3825bf2b29388&l=20240422220356E15FC537FF9050221A8F">
              <!-- <video controls src=""></video> -->
              <img src="./assets/imgs/share/list-03.png" alt="">
              <div class="mask"></div>
              <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
            </div>
            <div class="name">给客户搭建了一套NFT数藏</div>
            <div class="other-info">
              <div class="date">
                <img src="./assets/imgs/share/icon-date.png" alt="">
                <span>2023/12/15</span>
              </div>
              <div class="view">
                <img src="./assets/imgs/share/icon-eye.png" alt="">
                <span>1283</span>
              </div>
            </div>
          </a>
          <!-- 文章类型 -->
          <a href="" class="list-item">
            <div class="media-wrap article">
              <img src="./assets/imgs/share/list-02.png" alt="">
              <div class="mask"></div>
            </div>
            <div class="name">给客户搭建了一套NFT数藏</div>
            <div class="other-info">
              <div class="date">
                <img src="./assets/imgs/share/icon-date.png" alt="">
                <span>2023/12/15</span>
              </div>
              <div class="view">
                <img src="./assets/imgs/share/icon-eye.png" alt="">
                <span>1283</span>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="list-item">
            <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
              <!-- <video controls src=""></video> -->
              <img src="./assets/imgs/share/list-03.png" alt="">
              <div class="mask"></div>
              <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
            </div>
            <div class="name">给客户搭建了一套NFT数藏</div>
            <div class="other-info">
              <div class="date">
                <img src="./assets/imgs/share/icon-date.png" alt="">
                <span>2023/12/15</span>
              </div>
              <div class="view">
                <img src="./assets/imgs/share/icon-eye.png" alt="">
                <span>1283</span>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="list-item">
            <div class="media-wrap media-wrap-video" data-video-url="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/promotion_video/%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%B9%E7%89%88.mp4">
              <!-- <video controls src=""></video> -->
              <img src="./assets/imgs/share/list-01.png" alt="">
              <div class="mask"></div>
              <img src="./assets/imgs/website/icon-play.png" alt="" class="play">
            </div>
            <div class="name">给客户搭建了一套NFT数藏</div>
            <div class="other-info">
              <div class="date">
                <img src="./assets/imgs/share/icon-date.png" alt="">
                <span>2023/12/15</span>
              </div>
              <div class="view">
                <img src="./assets/imgs/share/icon-eye.png" alt="">
                <span>1283</span>
              </div>
            </div>
          </a>
        </div>
        <a href="" class="more">
          <span>了解更多</span>
          <img src="./assets/imgs/fastup/green-arrow.png" alt="">
        </a>
      </div>
    </div>
    <!-- 我们最近的案例 -->
    <div class="our-case-wrap">
      <span class="bg-text-website">WEBSITE</span>
      <span class="bg-text-wechat">WECHAT</span>
      <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInLeft">
          <h2>我们最近的案例</h2>
          <p class="bg-text">RECENT CASE</p>
          <p class="desc">我们以案例说话，用案例得到你对我们能力的认可</p>
        </div>
        <div class="website-wrap">
          <div class="media-wrap">
            <div class="media-block">
              <div class="website-swiper">
                <div class="swiper-wrapper">
                  <a href="./detail.html" class="img-item tr-item swiper-slide item-pc"><img src="./assets/imgs/index/case-02.png" alt=""><img src="./assets/imgs/example/icon-h5.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item tr-item swiper-slide item-pc"><img src="./assets/imgs/index/case-01.png" alt=""><img src="./assets/imgs/example/icon-h5.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item tr-item swiper-slide item-pc"><img src="./assets/imgs/index/case-02.png" alt=""><img src="./assets/imgs/example/icon-h5.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item tr-item swiper-slide item-pc"><img src="./assets/imgs/index/case-02.png" alt=""><img src="./assets/imgs/example/icon-h5.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item tr-item swiper-slide item-pc"><img src="./assets/imgs/index/case-01.png" alt=""><img src="./assets/imgs/example/icon-h5.png" alt="" class="icon" /></a>
                </div>
              </div>
            </div>
            <div class="btns">
              <div class="control">
                <div class="contro-left website-contro-left"><img src="./assets/imgs/index/solution-left.png" alt=""></div>
                <div class="contro-right website-contro-right"><img src="./assets/imgs/index/solution-right.png" alt=""></div>
              </div>
              <a href="" class="more">
                <span>更多案例</span>
                <img src="./assets/imgs/website/icon-case-more.png" alt="">
              </a>
            </div>
          </div>
          <div class="info-block">
            <div class="title">网站定制开发</div>
            <p class="desc">提供网站专业的页面设计与完善的功能建设,不管是PC网站还是手机H5网站，全方位支持与保障网站的开发及运行，为客户打造专属网站</p>
            <p class="sub-title">多维度设计和开发用户满意的网站:</p>
            <div class="list">
              <div class="item">
                <span class="dot"></span>
                <span class="text">重视用户体验（UX）</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">页面加载速度快</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">优秀的视觉设计（UX）</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">搜索引擎优化</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">响应式设计</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">安全性</span>
              </div>
            </div>
          </div>
        </div>
        <div class="website-wrap wechat-wrap">
          <div class="info-block">
            <div class="title">微信小程序/微信公众号开发</div>
            <p class="desc">提供微信小程序定制开发,微信公众号开发,从平台帐号的申请，服务器搭建，开发到后期的技术支持，提供全面的服务</p>
            <p class="sub-title">多维度设计和开发用户满意的小程序/公众号：</p>
            <div class="list">
              <div class="item">
                <span class="dot"></span>
                <span class="text">重视用户体验（UX）</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">与微信生态整合</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">优秀的视觉设计（UX）</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">数据安全性</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">功能完整性</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">社交分享和传播</span>
              </div>
              <div class="item">
                <span class="dot"></span>
                <span class="text">性能和加载速度</span>
              </div>
            </div>
          </div>
          <div class="media-wrap">
            <div class="media-block">
              <div class="mini-swiper">
                <div class="swiper-wrapper">
                  <a href="./detail.html" class="img-item swiper-slide item-phone"><img src="./assets/imgs/index/case-02.png" alt=""><img src="./assets/imgs/example/icon-mini.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item swiper-slide item-phone"><img src="./assets/imgs/index/case-01.png" alt=""><img src="./assets/imgs/example/icon-mini.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item swiper-slide item-phone"><img src="./assets/imgs/index/case-02.png" alt=""><img src="./assets/imgs/example/icon-mini.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item swiper-slide item-phone"><img src="./assets/imgs/index/case-02.png" alt=""><img src="./assets/imgs/example/icon-mini.png" alt="" class="icon" /></a>
                  <a href="./detail.html" class="img-item swiper-slide item-phone"><img src="./assets/imgs/index/case-01.png" alt=""><img src="./assets/imgs/example/icon-mini.png" alt="" class="icon" /></a>
                </div>
              </div>
            </div>
            <div class="btns">
              <div class="control">
                <div class="contro-left mini-contro-left"><img src="./assets/imgs/index/solution-left.png" alt=""></div>
                <div class="contro-right mini-contro-right"><img src="./assets/imgs/index/solution-right.png" alt=""></div>
              </div>
              <a href="" class="more">
                <span>更多案例</span>
                <img src="./assets/imgs/website/icon-case-more.png" alt="">
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 客户怎么说 -->
    <div class="custom-say-wrap">
      <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInLeft">
          <h2>看看亚克茜的客户怎么说</h2>
          <p class="bg-text">FEEDBACK</p>
          <p class="desc">服务好每一个客户,倾听客户对我们评价,重视每一个积极的反馈</p>
        </div>
        <div class="content-wrap">
          <div class="num-wrap">
            <div class="item">
              <img src="./assets/imgs/index/customer-say-01.png" alt="">
              <div class="num">20+</div>
              <p class="name">合作客户</p>
            </div>
            <div class="item">
              <img src="./assets/imgs/index/customer-say-02.png" alt="">
              <div class="num">10+</div>
              <p class="name">合作企业</p>
            </div>
          </div>
          <div class="list-wrap">
            <div class="customer-swiper">
              <div class="swiper-wrapper">
                <a class="swiper-slide">
                  <div class="list-item">
                    <div class="avatar"><img src="./assets/imgs/index/com-logo-01.png" alt=""></div>
                    <div class="info-block">
                      <div class="name-wrap">
                        <span class="name">郭俊杰</span>
                        <span class="pos">市场总监</span>
                      </div>
                      <div class="com">成都xxxxxx软件系统有限公司</div>
                      <div class="desc">优质的客户支持，始终如一。他们不仅在项目期间表现出色，而且在之后的维护和更新中一直给予我们强大的支持。</div>
                    </div>
                  </div>
                </a>
                <a class="swiper-slide">
                  <div class="list-item">
                    <div class="avatar"><img src="" alt=""></div>
                    <div class="info-block">
                      <div class="name-wrap">
                        <span class="name">夏欣</span>
                        <span class="pos">CEO</span>
                      </div>
                      <div class="com">成都xxxxxx软件系统有限公司</div>
                      <div class="desc">专业团队，出色的技术支持。我们的小程序得以快速、高效地实现，为客户提供了无缝的体验。</div>
                    </div>
                  </div>
                </a>
                <a class="swiper-slide">
                  <div class="list-item">
                    <div class="avatar"><img src="" alt=""></div>
                    <div class="info-block">
                      <div class="name-wrap">
                        <span class="name">刘晓敏</span>
                        <span class="pos">创始人</span>
                      </div>
                      <div class="com">成都xxxxxx软件系统有限公司</div>
                      <div class="desc">优质的客户支持，始终如一。他们不仅在项目期间表现出色，而且在之后的维护和更新中一直给予我们强大的支持。</div>
                    </div>
                  </div>
                </a>
                <a class="swiper-slide">
                  <div class="list-item">
                    <div class="avatar"><img src="" alt=""></div>
                    <div class="info-block">
                      <div class="name-wrap">
                        <span class="name">郭俊杰</span>
                        <span class="pos">市场总监</span>
                      </div>
                      <div class="com">成都xxxxxx软件系统有限公司</div>
                      <div class="desc">优质的客户支持，始终如一。他们不仅在项目期间表现出色，而且在之后的维护和更新中一直给予我们强大的支持。</div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="content-mask"></div>
    </div>
    <!-- 客户Logo展示 -->
    <div class="customer-logo-wrap">
      <div class="footer-container">
        <img src="assets/imgs/index/com-logo-01.png" alt="">
        <img src="assets/imgs/index/com-logo-02.png" alt="">
        <img src="assets/imgs/index/com-logo-03.png" alt="">
        <img src="assets/imgs/index/com-logo-04.png" alt="">
        <img src="assets/imgs/index/com-logo-05.png" alt="">
        <img src="assets/imgs/index/com-logo-06.png" alt="">
        <img src="assets/imgs/index/com-logo-07.png" alt="">
        <img src="assets/imgs/index/com-logo-08.png" alt="">
      </div>
    </div>
    <!-- 主要客户分布 -->
    <div class="customer-wrap">
      <p class="bg-text aniview-v4" data-av-animation="animate__backInRight">CUSTOMER DISTRIBUTION</p>
      <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">
          <h2>主要客户分布</h2>
          <p class="desc">我们的主要客户群遍布全国，包括一线城市如北京、上海、深圳，新一线城市如杭州、成都，以及二线城市如南京、重庆、武汉等，共计15个城市</p>
        </div>
        <div class="num-wrap">
          <div class="num-item">
            <img src="assets//imgs/index/customer-icon-01.png" alt="">
            <p class="text">覆盖省份</p>
            <p class="num">31</p>
          </div>
          <div class="num-item">
            <img src="assets//imgs/index/customer-icon-02.png" alt="">
            <p class="text">主要城市</p>
            <p class="num">15</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 服务流程 -->
    <div class="service-wrap">
      <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">
        <h2>服务流程</h2>
        <p class="desc">明确的软件开发流程是确保项目高效、顺利完成，并最终满足客户需求的关键，保证了有效的沟通和可控的进展</p>
        <p class="bg-text">SERVICE PROCESS</p>
      </div>
      <div class="step-wrap">
        <div class="step-item">
          <img src="assets/imgs/index/service-step-01.png" alt="">
          <p>了解需求</p>
        </div>
        <div class="step-icon"><img src="assets/imgs/index/service-step-icon.png" alt=""></div>  
        <div class="step-item">
          <img src="assets/imgs/index/service-step-02.png" alt="">
          <p>提案与报价</p>
        </div>  
        <div class="step-icon"><img src="assets/imgs/index/service-step-icon.png" alt=""></div>  
        <div class="step-item">
          <img src="assets/imgs/index/service-step-03.png" alt="">
          <p>签订合同</p>
        </div>  
        <div class="step-icon"><img src="assets/imgs/index/service-step-icon.png" alt=""></div>  
        <div class="step-item">
          <img src="assets/imgs/index/service-step-04.png" alt="">
          <p>界面设计</p>
        </div>  
        <div class="step-icon"><img src="assets/imgs/index/service-step-icon.png" alt=""></div>  
        <div class="step-item">
          <img src="assets/imgs/index/service-step-05.png" alt="">
          <p>开发和测试</p>
        </div>  
        <div class="step-icon"><img src="assets/imgs/index/service-step-icon.png" alt=""></div>  
        <div class="step-item">
          <img src="assets/imgs/index/service-step-06.png" alt="">
          <p>客户验收</p>
        </div>  
        <div class="step-icon"><img src="assets/imgs/index/service-step-icon.png" alt=""></div>  
        <div class="step-item">
          <img src="assets/imgs/index/service-step-07.png" alt="">
          <p>发布上线</p>
        </div>  
      </div>
    </div>
    <!-- 底部 footer -->
    <footer class="footer">
      <div class="footer-container">
        <div class="top">
          <div class="com-info">
            <div class="logo"><img src="assets/imgs/logo.png" alt="logo.png"></div>
            <div class="slogan">专业互联网软件解决方案提供商</div>
            <div class="qr-list">
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-01.png" alt="qr-code.png">
                <p>定制服务</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-02.png" alt="qr-code.png">
                <p>公众号开发</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-03.png" alt="qr-code.png">
                <p>微信小程序</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-04.png" alt="qr-code.png">
                <p>官网制作</p>
              </div>
            </div>
          </div>
          <div class="link-info">
            <div class="link-block link-prod">
              <p class="title">我们的产品</p>
              <a href="">亚克茜电商</a>
              <a href="">社交类小程序</a>
              <a href="">自动化共享空间解决方案</a>
              <a href="">教培类预约管理</a>
            </div>
            <div class="link-block link-nav">
              <p class="title">导航</p>
              <a href="">网站定制开发</a>
              <a href="">小程序定制开发</a>
              <a href="">行业解决方案</a>
              <a href="">技术服务</a>
              <a href="">软件运营开发分享</a>
            </div>
            <div class="link-block">
              <p class="title">联系我们</p>
              <a href="">成都市锦江区喜树街锦江文化创意产业中心2期</a>
              <a href="">18684030581 （周一至周六9:30-18:00）</a>
              <a href="">bd@yakexi.tech</a>
            </div>
          </div>
        </div>
        <div class="bottom">
          <p class="copy">Copyright © 2021 版权所有：成都亚克茜科技有限公司 ALL Rights Reserved</p>
          <p class="gov">网站备案号：<a href="">蜀ICP备20025102号-1</a></p>
        </div>
      </div>
    </footer>
    <script src="assets/swiper-bundle.min.js"></script>
    <script>
      var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,
        speed: 1500,

        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
	        clickable :true,
        },

        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
          el: ".swiper-scrollbar",
        },
      });

      var solutionSwiper = new Swiper(".solution-swiper", {
        slidesPerView: 3,
        spaceBetween: 30,
        loop: true, // 循环模式选项
        autoplay: true,
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".solution-contro-left",
          prevEl: ".solution-contro-right",
        },
      });

      var websiteSwiper = new Swiper(".website-swiper", {
        slidesPerView: 4,
        spaceBetween: 48,
        loop: true, // 循环模式选项
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".website-contro-left",
          prevEl: ".website-contro-right",
        },
      });

      var miniSwiper = new Swiper(".mini-swiper", {
        slidesPerView: 4,
        spaceBetween: 48,
        loop: true, // 循环模式选项
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".mini-contro-left",
          prevEl: ".mini-contro-right",
        },
      });
      var customerSwiper = new Swiper(".customer-swiper", {
        direction: "vertical",
        slidesPerView: 3,
        spaceBetween: 0,
        loop: true, // 循环模式选项
        autoplay: true
      });
    </script>
</body>
</html>